博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【html+css3】在一张jpg图片上,显示多张透明的png图片
阅读量:7129 次
发布时间:2019-06-28

本文共 365 字,大约阅读时间需要 1 分钟。

1、需求:在一个div布局里面放置整张jpg图片,然后在jpg图片上显示三张水平展示的透明png图片,且png外层用a标签包含菜单

2、效果图:

3、上图,底层使用蓝色jpg图片,【首页】、【购物车】、【会员中心】三个图标都是透明的png黄色图片

4、上代码:html

css:

a{
color: #4f4f4f; text-decoration: none; display: block; flex: 1; width: 100%; height: 100%; text-align: center; }

 

5、记录一点,多学习一点,以后总会用到,自信从点滴开始。

 

转载地址:http://pkael.baihongyu.com/

你可能感兴趣的文章
C# Like参数化 小记
查看>>
sublime text3 FTP直接上传
查看>>
【转载】关于RenderTarget的注意事项
查看>>
画图工具
查看>>
[WIFI] WIFI 破解(初级)
查看>>
CentOS 6.5 下安装 Redis 2.8.7
查看>>
Eclipse *的安装(图文详解)
查看>>
高性能图文混排框架,构架顺滑的iOS应用-b
查看>>
windows 下安装使用ipython
查看>>
苹果电脑macbook怎样强制关闭软件
查看>>
Linux下编译LibCURL
查看>>
错误提示:通过 Web 服务器的身份验证的用户无权打开文件系统上的文件
查看>>
python 取两数的百分比
查看>>
1-MSP430点亮一个灯
查看>>
Local System、Local Service與Network Service
查看>>
利用SQL语句查询数据库中所有表
查看>>
虚拟机中的锁优化简介(适应性自旋/锁粗化/锁削除/轻量级锁/偏向锁)
查看>>
Golang的交互模式进阶-读取用户的输入
查看>>
mycat中间件--linux安装mycat1.6版本
查看>>
MySQL的用户管理
查看>>